<template>
    <div>
        <h3>子组件2</h3>
        <h4>电脑：{{ computer }}</h4>
        <h4>书籍：{{ book }}本</h4>
    </div>
</template>
<script setup lang='ts'>
import { ref,reactive, defineExpose} from 'vue'
let computer = ref("联想")
let book = ref(6)
//将数据交出去
defineExpose({computer,book})
</script>
<style scoped lang='scss'>
</style>